<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生考试系统</title>
    <link rel="stylesheet" href="/css/front/student.css">
    <script src="/js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <header class="position-relative">
        <div class="student-title center">学生考试系统</div>
        <div class="student-img position-right">
            <img src="/img/front/student.jpg" alt="">
            <div class="others-detail position-right">
                <ul>
                    <li class="center">盘古</li>
                    <li class="center">学号2015</li>
                    <li id="logOut" class="center">退出登录</li>
                </ul>
            </div>
        </div>
    </header>
    <main class="position-relative">
        <aside class="float-left">
            <ul>
                <li id="toInfo" class="center">个人资料</li>
                <li id="toExam" class="center">参加考试</li>
                <li id="toScore" class="center">成绩查询</li>
            </ul>
        </aside>
        <article class="float-right"></article>
    </main>
    <footer class="position-relative">footer</footer>
    <script>
        $(document).ready(function () {
            $("article").load("info.html");
        });
        $("#toInfo").click(function () {
            $("article").load("info.html");
        });
        $("#toExam").click(function () {
            $("article").load("exam.html");
        });
        $("#toScore").click(function () {
            $("article").load("score.html");
        });
        $("#logOut").click(function () {
            $(location).prop('href', "/html/front/login.html");
        });
    </script>
</body>
</html>